FeokValidate
<script lang="ts">
/**
 * @description 验证代码
 * @author leo
 */
import { Component, Vue, Prop, Emit, Watch } from "vue-property-decorator";
import Nocaptcha from "vue-nocaptcha/lib/nocaptcha.js";

@Component({
  components: { Nocaptcha }
})
export default class FeokValidate extends Vue {
  public obj: any = {};

  public getToken(callback: any) {
    this.obj = callback.nc;
    this.$emit("on-validate-success", callback);
  }

  public reLoad() {
    this.obj.reLoad();
  }
}
</script>

<template>
  <Nocaptcha
    class="nocaptcha_my"
    :appkey="'FFFF0N1N000000008AEA'"
    :scene="'nc_login'"
    lang="zh-cn"
    @callback="getToken"
  ></Nocaptcha>
</template>

<style lang="less">
.nocaptcha_my {
  .nc_wrapper {
    width: 100% !important;
  }
  .nc_scale span {
    height: 100% !important;
  }
}
</style>